
        
        <div class="main-container">
          <div class="navbar hidden-desktop">
            <div class="navbar-inner">
              <div class="container">
                <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
                  <span class="icon-bar">
                  </span>
                  <span class="icon-bar">
                  </span>
                  <span class="icon-bar">
                  </span>
                </a>
                <div class="nav-collapse collapse navbar-responsive-collapse">
                  <ul class="nav">
                    <li>
                      <a href="index.html">Dashboard</a>
                    </li>
                    <li>
                      <a href="forms.html">Forms</a>
                    </li>
                    <li>
                      <a href="graphs.html">Charts</a>
                    </li>
                    <li>
                      <a href="ui-elements.html">UI Elements</a>
                    </li>
                    <li>
                      <a href="icons.html">Icons</a>
                    </li>
                    <li>
                      <a href="tables.html">Tables</a>
                    </li>
                    <li>
                      <a href="media.html">Gallery</a>
                    </li>
                    <li>
                      <a href="typography.html">Typography</a>
                    </li>
                    <li>
                      <a href="edit-profile.html">Edit Profile</a>
                    </li>
                    <li>
                      <a href="calendar.html">Calendar</a>
                    </li>
                    <li>
                      <a href="invoice.html">Invoice</a>
                    </li>
                    <li>
                      <a href="login.html">Login</a>
                    </li>
                    <li>
                      <a href="error.html">Error</a>
                    </li>
                    
                    <li>
                      <a href="help.html">Help</a>
                    </li>
                  </ul>
                </div>
                <!-- /.nav-collapse -->
              </div>
            </div>
            <!-- /navbar-inner -->
          </div>

          <div class="row-fluid">
            <div class="span2">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe074;"></span> Clients
                  </div>
                </div>
                <div class="widget-body">
                  <div class="current-statistics">
                    <div class="clients">
                      <h3><?php print_r($client);?></h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="span2">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe1cf;"></span> Products
                  </div>
                </div>
                <div class="widget-body">
                  <div class="current-statistics">
                    <div class="products">
                      <h3><?php echo $product;?></h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="span2">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe036;"></span> &nbsp;Purchase Of <?php echo date('M');?> 
                  </div>
                </div>
                <div class="widget-body">
                  <div class="current-statistics">
                    <div class="sales">
                      <h3>Rs.<?php echo $purchase;?></h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="span2">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe038;">&nbsp;Sales Of <?php echo date('M');?></span>
                  </div>
                </div>
                <div class="widget-body">
                  <div class="current-statistics">
                    <div class="income">
                      <h3>Rs.<?php echo $sale;?></h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="span2">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe09c;"></span>&nbsp;Income OF <?php echo date('M');?>
                  </div>
                </div>
                <div class="widget-body">
                  <div class="current-statistics">
                    <div class="expenses">
                      <h3><?php echo $income;?></h3>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="span2">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe08a;"></span> User
                  </div>
                </div>
                <div class="widget-body">
                  <div class="current-statistics">
                    <div class="signups">
                      <h5 style="color:white;"><?php echo $username;?>&nbsp;&nbsp;
					  <?php echo date('M-d');?></h5>
                    </div>
                  </div>
                </div>
              </div>
            </div>

          </div>
		  
          <div class="row-fluid">
            <div class="span12">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe1cf;"></span> Metro Navigation
                  </div>
                </div>
                <div class="widget-body">
                  <div class="row-fluid">
                    <div class="metro-navigation">
					 <div class="nav-block block-blue double">
                        <a href="">
						<?php $amt1=0; $qty1=0;?>
						<?php foreach ($today_sale as $sale){ $amt1=$amt1+ $sale->total; 
						$qty1=$qty1+$sale->quantity; }
						?>
                          <div class="fs1" aria-hidden="true" data-icon="&#xe096;">
						  <div class="pull-right">No.Of Product&nbsp;:<?php echo $qty1;?> <br><br> Total Amount :Rs.<?php echo $amt1;?> </div>
						 
						  </div>
                          <div class="brand">
                            Today's Sales 
                          </div>
                        </a>
                      </div>
					    <div class="nav-block block-orange">
                        <a href="<?= site_url('report/daily_report/report');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></div>
                          <div class="brand">
                         Report
                          </div>
                        </a>
                      </div>
					  
                      <div class="nav-block block-yellow current">
                        <a href="<?= site_url('product/product/get_all_product');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>
                          <div class="brand">
                           Product Master
                          </div>
                        </a>
                      </div>
                    
					    <div class="nav-block block-green">
                         <a href="<?= site_url('purchase/purchase/view_purchase');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe0b8;"></div>
                          <div class="brand">
                           Purchase List
                          </div>
                        </a>
                      </div>
                      <div class="nav-block block-red">
                       <a href="<?= site_url('sales/sales/view_sales');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></div>
                          <div class="brand">
                           Sales List
                          </div>
                        </a>
                      </div>
                       <div class="nav-block block-red double">
                        <a href="">
						<?php $amt=0; $qty=0;?>
						<?php foreach ($today_purchase as $purchase){ $amt=$amt+ $purchase->total; 
						$qty=$qty+$purchase->quantity; }?>
                          <div class="fs1" aria-hidden="true" data-icon="&#xe14a;">
						  <div class="pull-right">No.Of Product&nbsp;:<?php echo $qty;?> <br><br> Total Amount :Rs.<?php echo $amt;?></div>
						  
						  </div>
                          <div class="brand">
                            Today's Purchase
                          </div>
                        </a>
                      </div>
                    
                      
                      <div class="nav-block block-green">
                        <a href="<?= site_url('accounts/party/party_accounts');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe00d;"></div>
                          <div class="brand">
                            Party-Wise Account
                          </div>
                        </a>
                      </div>
                      <div class="nav-block block-orange">
                    <a href="<?= site_url('product/transfer/view_stock_onhand');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
                          <div class="brand">
                            Stock Valuation
                          </div>
                        </a>
                      </div>
                      <div class="nav-block block-blue">
                 <a href="<?= site_url('profile/profile');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe100;"></div>
                          <div class="brand">
                            Compoany Profile
                          </div>
                        </a>
                      </div>
                      <div class="nav-block block-yellow">
                         <a href="<?= site_url('enquiry/enquiry/add_enquiry');?>">
                          <div class="fs1" aria-hidden="true" data-icon="&#xe0aa;"></div>
                          <div class="brand">
                            Sales Enquiry
                          </div>
                        </a>
                      </div>
					
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="row-fluid">
            <div class="span8">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe0a2;"></span> Today's Cash Inflow/OutFlow
                  </div>
                  <div class="tools pull-right">
                    <button class="btn btn-small report_range">
                      
                    </button>
                  </div>
                </div>
                <div class="widget-body">
                  <div id="column_chart"></div>
                </div>
              </div>
            </div>
 <div class="span4">
              <div class="widget no-margin">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe098;"></span> Overview
                    <span class="mini-title">
                      Sales Statistics 
                    </span>
                  </div>
                </div>
                <div class="widget-body">
                  <ul class="stats">
                    <li>
                      <div class="left">
                        <h4>
                          15,859
                        </h4>
                        <p>
                          Unique Visitors
                        </p>
                      </div>
                      <div class="chart">
                        <span id="unique-visitors">
                          2, 4, 3, 7, 9, 8, 2, 5, 2, 8, 9
                        </span>
                      </div>
                    </li>
                    <li>
                      <div class="left">
                        <h4>
                          $47,830
                        </h4>
                        <p>
                          Monthly Sales
                        </p>
                      </div>
                      <div class="chart">
                        <span id="monthly-sales">
                          3, 9, 8, 5, 3, 5, 2, 4, 1, 6, 9
                        </span>
                      </div>
                    </li>
                    <li>
                      <div class="left">
                        <h4>
                          $98,846
                        </h4>
                        <p>
                          Balance
                        </p>
                      </div>
                      <div class="chart">
                        <span id="current-balance">
                          5, 9, 2, 7, 4, 9, 3, 7, 1, 4, 2
                        </span>
                      </div>
                    </li>
                    
                  </ul>
                </div>
              </div>
            </div>
 
 
 
           

          </div>

          <div class="row-fluid">
            <div class="span8">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe096;"></span> Overview of Sales And Purchase Product
                  </div>
                </div>
                <div class="widget-body">
                  <div id="area_chart"></div>
                </div>
              </div>
            </div>
 <div class="span4">
              <div class="widget">
                <div class="widget-header">
                  <div class="title">
                    <span class="fs1" aria-hidden="true" data-icon="&#xe096;"></span> Today Stats
                  </div>
                </div>
                <div class="widget-body">
                  <ul id="stats-count">
                    <li>
                      <span class="fs1 arrow text-success" aria-hidden="true" data-icon="&#xe120;"></span> 
                      <h5 class="stat-value">3480<span class="stat-name">TO-DAY Purchase</span></h5>
                      <div class="progress progress-striped progress-success active no-margin">
                        <div class="bar" style="width: 69%;">
                        </div>
                      </div>
                    </li>
                    <li>
                      <span class="fs1 arrow text-error" aria-hidden="true" data-icon="&#xe124;"></span> 
                      <h5 class="stat-value">2269<span class="stat-name">Sales</span></h5>
                      <div class="progress progress-striped progress-danger active no-margin">
                        <div class="bar" style="width: 38%;">
                        </div>
                      </div>
                    </li>
                    <li>
                      <span class="fs1 arrow text-info" aria-hidden="true" data-icon="&#xe120;"></span> 
                      <h5 class="stat-value">4773<span class="stat-name">Profit</span></h5>
                      <div class="progress progress-striped active no-margin">
                        <div class="bar" style="width: 89%;">
                        </div>
                      </div>
                    </li>
                    <li>
                      <span class="fs1 arrow text-warning" aria-hidden="true" data-icon="&#xe122;"></span> 
                      <h5 class="stat-value">105<span class="stat-name">Signup's</span></h5>
                      <div class="progress progress-striped  progress-warning active no-margin">
                        <div class="bar" style="width: 31%;">
                        </div>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            
            
          </div>

         

        

          

        </div>
      
 <script type="text/javascript">
      //ScrollUp
      $(function () {
        $.scrollUp({
          scrollName: 'scrollUp', // Element ID
          topDistance: '300', // Distance from top before showing element (px)
          topSpeed: 300, // Speed back to top (ms)
          animation: 'fade', // Fade, slide, none
          animationInSpeed: 400, // Animation in speed (ms)
          animationOutSpeed: 400, // Animation out speed (ms)
          scrollText: 'Scroll to top', // Text for element
          activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        });
      });

      //wysihtml5
      $('#wysiwyg').wysihtml5();

      google.load("visualization", "1", {
        packages: ["corechart"]
      });

      $(document).ready(function () {
        drawChart1();
        drawChart2();
      })

      function drawChart1() {
        var data = google.visualization.arrayToDataTable([
          ['Week', 'Cash Inflow', 'Cash Outflow'],
          ['Today', 300, 1900],
          ]);

        var options = {
          width: 'auto',
          height: '200',
          backgroundColor: 'transparent',
          colors: ['#dba26b','#579da9','#1e825e', '#e26666', ],
          tooltip: {
            textStyle: {
              color: '#666666',
              fontSize: 11
            },
            showColorCode: true
          },
          legend: {
            textStyle: {
              color: 'black',
              fontSize: 12
            }
          },
          chartArea: {
            left: 60,
            top: 10,
            height: '90%'
          },
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('column_chart'));
        chart.draw(data, options);
      }


      function drawChart2() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Purchase Product', 'Sales Product'],
          ['2005', 90, 30],
          ['2006', 400, 200],
          ['2007', 1050, 320],
          ['2008', 1940, 550],
          ['2009', 2910, 770],
          ['2010', 970, 1960],
          ['2011', 1660, 2520],
          ['2012', 1030, 3940]
          ]);

        var options = {
          width: 'auto',
          pointSize: 7,
          lineWidth: 1,
          height: '270',
          backgroundColor: 'transparent',
          colors: ['#b5799e', '#579da9', '#e26666', '#1e825e', '#dba26b'],
          tooltip: {
            textStyle: {
              color: '#666666',
              fontSize: 11
            },
            showColorCode: true
          },
          legend: {
            textStyle: {
              color: 'black',
              fontSize: 12
            }
          },
          chartArea: {
            left: 40,
            top: 10,
            height: "80%"
          }
        };

        var chart = new google.visualization.AreaChart(document.getElementById('area_chart'));
        chart.draw(data, options);
      }

      //Tooltip
      $('a').tooltip('hide');
      $('i').tooltip('hide');


      //Tiny Scrollbar
      $('#scrollbar').tinyscrollbar();
      $('#scrollbar-one').tinyscrollbar();
      $('#scrollbar-two').tinyscrollbar();
      $('#scrollbar-three').tinyscrollbar();



      //Tabs
      $('#myTab a').click(function (e) {
        e.preventDefault();
        $(this).tab('show');
      })

      // SparkLine Graphs-Charts
      $(function () {
        try{
          $('#unique-visitors').sparkline('html', {
            type: 'bar',
            barColor: '#e26666',
            barWidth: 6,
            height: 30,
          });
          $('#monthly-sales').sparkline('html', {
            type: 'bar',
            barColor: '#b5799e',
            barWidth: 6,
            height: 30,
          });
          $('#current-balance').sparkline('html', {
            type: 'bar',
            barColor: '#579da9',
            barWidth: 6,
            height: 30,
          });
          $('#registrations').sparkline('html', {
            type: 'bar',
            barColor: '#dba26b',
            barWidth: 6,
            height: 30,
          });
        }catch(e){

        }
      });


      //Range Date Picker

      $('.report_range').daterangepicker({
        ranges: {
          'Today': ['today', 'today'],
          'Yesterday': ['yesterday', 'yesterday'],
          'Last 7 Days': [Date.today().add({
            days: -6
          }), 'today'],
          'Last 30 Days': [Date.today().add({
            days: -29
          }), 'today'],
          'This Month': [Date.today().moveToFirstDayOfMonth(), Date.today().moveToLastDayOfMonth()],
          'Last Month': [Date.today().moveToFirstDayOfMonth().add({
            months: -1
          }), Date.today().moveToFirstDayOfMonth().add({
            days: -1
          })]
        },
        opens: 'left',
        format: 'MM/dd/yyyy',
        separator: ' to ',
        startDate: Date.today().add({
          days: -29
        }),
        endDate: Date.today(),
        minDate: '01/01/2012',
        maxDate: '12/31/2013',
        locale: {
          applyLabel: 'Submit',
          fromLabel: 'From',
          toLabel: 'To',
          customRangeLabel: 'Custom Range',
          daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
          monthNames: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
          firstDay: 1
        },
        showWeekNumbers: true,
        buttonClasses: ['btn-danger']
      },

      function (start, end) {
        $('.report_range span').html(start.toString('MMMM d, yyyy') + ' - ' + end.toString('MMMM d, yyyy'));
      });

      //Set the initial state of the picker label
      $('.report_range span').html(Date.today().add({
        days: -29
      }).toString('MMMM d, yyyy') + ' - ' + Date.today().toString('MMMM d, yyyy'));


     
      </script>
      
      
  